
<style>
    :not(:defined) {
        display: none;
    }
    #export_box:host{
      border:1px solid #191919;
    }
    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
    }
  
    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }
   
    
    #top1{
          background: var(--icon-bg-color);
          text-align: center; 
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          position: relative;
          border: none;
          padding: 2px;
      }
      #top1 img{
          position: absolute;
          right: 10px;
          top: 3px;
          cursor: pointer;
      }
      #container2{
        padding: 5px 0px 5px 0px;
        border: none;
        background-color: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 250px;
        z-index: 2;
        max-height:150px;
        overflow-y: auto;
        justify-content: center;
        user-select:none;
    }
    .dtext1{
        float: left;
        width: 50px;
        padding: 2px;
        color: #fff;
    }
    .val1{
        float: left;
        width: 180px;
        padding: 2px;
        overflow: hidden;
    }
    .ipt{
        width:160px;
        height:25px;
    }
    input {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
    }
  
  </style>
  <elix-dialog id="pwsd_box" aria-label="export svg" closed>
    <div id="top1"><h>权限验证</h><img src="./images/close.png" alt="" class="closeDoc1"></div>
    <div id="container2">
        <div class="dtext1">用户:</div>
        <div id="user" class="val1">
        </div>
        <div class="dtext1">密码:</div><div id="pwsd" class="val1"><input id="password" type="password" class="ipt"></div>
        <div>
            <center>
                <input type="button" id="pwdconf" class="cls_bot_btn" value="确定"></input>
                <input type="button" id="pwdcs" class="cls_bot_btn" value="取消"></input>
            </center>
        </div>
    </div>
  </elix-dialog>